//- Copyright (c) 2016 Lucky Byte, Inc.
input(type="hidden" name="serial" value="#{record.serial || ''}")
input(type="hidden" name="uuid" value="#{record.uuid || ''}")
input(type="hidden" name="permission" value="#{record.permission || ''}")

h4.ui.dividing.header
  i.caret.down.icon.link.grey.accordion
  | 基本信息

.fields
  .field.eight.wide.required
    label 名称或代号:
    .ui.input
      input(type="text" name="name" placeholder="必填" value="#{record.name || ''}")

h4.ui.dividing.header
  i.caret.down.icon.link.grey.accordion
  | 权限配置

.fields
  .inline.field.sixteen.wide
    .ui.toggle.checkbox#root
      if record.root
        input.hidden(name="root" type="checkbox" checked="checked")
      else
        input.hidden(name="root" type="checkbox")
      label 拥有所有菜单权限

.fields
  table.ui.table.celled.selectable.basic#permission
    thead
      tr
        th.collapsing
        th.center.aligned 菜 单
        th.collapsing 全选
        th.center.aligned(colspan="9") 权限分配
        th.collapsing 不选
    tbody
      for menu in sysmenu
        tr#header
          td(colspan="3")
            .ui.ribbon.label.large.blue.nolayout
              i.icon.checkmark.link#all_access
              = menu.header
          td.collapsing
            a#all_vertical(href="#" data-eq="1" style="color:grey;") 新增权限
          td.collapsing
            a#all_vertical(href="#" data-eq="2" style="color:grey;") 修改权限
          td.collapsing
            a#all_vertical(href="#" data-eq="3" style="color:grey;") 删除权限
          td.collapsing
            a#all_vertical(href="#" data-eq="4" style="color:grey;") 禁用权限
          td.collapsing
            a#all_vertical(href="#" data-eq="5" style="color:grey;") 复核权限
          td.collapsing
            a#all_vertical(href="#" data-eq="6" style="color:grey;") 导入权限
          td.collapsing
            a#all_vertical(href="#" data-eq="7" style="color:grey;") 导出权限
          td.collapsing
            a#all_vertical(href="#" data-eq="8" style="color:grey;") 批量权限
          td.collapsing
            a#all_vertical(href="#" data-eq="9" style="color:grey;") 充值权限
          td
        for item in menu.items
          // tr(data-href="#{item.href}" data-label="#{menu.header} — #{item.title}")
          tr(data-href="#{item.href}" data-label="#{item.title}"
            data-header="#{menu.header}")
            td.center.aligned(style="padding-bottom:2px; padding-right: 0px;")
              .ui.checkbox#access
                input(type="checkbox")
                label 
            td.disabled= item.title 
            td.disabled.center.aligned
              i.icon.arrow.right.link.orange#select_all
            td.disabled.center.aligned(style="padding-bottom:2px;")
              .ui.checkbox#new
                input(type="checkbox")
                label 
            td.disabled.center.aligned(style="padding-bottom:2px;")
              .ui.checkbox#edit(data-href="#{item.href}")
                input(type="checkbox")
                label 
            td.disabled.center.aligned(style="padding-bottom:2px;")
              .ui.checkbox#delete
                input(type="checkbox")
                label 
            td.disabled.center.aligned(style="padding-bottom:2px;")
              .ui.checkbox#disable
                input(type="checkbox")
                label 
            td.disabled.center.aligned(style="padding-bottom:2px;")
              .ui.checkbox#check
                input(type="checkbox")
                label 
            td.disabled.center.aligned(style="padding-bottom:2px;")
              .ui.checkbox#import
                input(type="checkbox")
                label 
            td.disabled.center.aligned(style="padding-bottom:2px;")
              .ui.checkbox#export
                input(type="checkbox")
                label 
            td.disabled.center.aligned(style="padding-bottom:2px;")
              .ui.checkbox#batch
                input(type="checkbox")
                label 
            td.disabled.center.aligned(style="padding-bottom:2px;")
              .ui.checkbox#recharge
                input(type="checkbox")
                label 
            td.disabled.center.aligned
              i.icon.arrow.left.link.green#unselect_all

h4.ui.dividing.header
  i.caret.down.icon.link.grey.accordion
  | 备注信息

.fields
  textarea(name="notes" type="text" rows="3"
    placeholder="在此输入备忘信息")= record.notes || ''
